<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=1;" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta name="format-detection" content="telephone=yes" />
    <meta content="false" name="twcClient" id="twcClient" />
     <link href="../lib/bootstrap/dist/css/bootstrap.min.css" type="text/css" rel="stylesheet">
     <link href="../src/css/pages/body.css" rel="stylesheet" type="text/css">
     <link href="../src/css/pages/nxdc.css" rel="stylesheet" type="text/css"> 
    <link href="../lib/docs.css" rel="stylesheet" type="text/css" type="text/css">
    <!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
	<![endif]-->       
    <title>NDP media web ui lib</title>
</head>
<body>
<div class="pa-header">
<h3>如何使用</h3>
</div>
<div class="bs-example">
   <ul class="font-kitchen">
   	<li>
   		<i class="font-icon font-icon-edit"></i>
   		<span>正常尺寸</span>
   	</li>
   	<li>
   		<i class="font-icon font-icon-edit size-2x"></i>
   		<span>正常尺寸 x 2 </span>
   	</li>
   	<li>
   		<i class="font-icon font-icon-edit size-3x"></i>
   		<span>正常尺寸 x 3</span>
   	</li> 
   	<li>
   		<i class="font-icon font-icon-edit size-4x"></i>
   		<span>正常尺寸 x 4</span>
   	</li>   	  	   	
   </ul>      
</div>
<div class="highlight">
    <pre class="prettyprint">
        <code class="language-js">
		&lt;i class="font-icon font-icon-edit"&gt;&lt;/i&gt;
		&lt;i class="font-icon font-icon-edit size-2x"&gt;&lt;/i&gt;
		&lt;i class="font-icon font-icon-edit size-3x"&gt;&lt;/i&gt;
		&lt;i class="font-icon font-icon-edit size-4x"&gt;&lt;/i&gt;
        </code>
    </pre>
</div>
<h3>图标列表</h3>
<div class="bs-glyphicons"> 
	<ul class="bs-glyphicons-list">
		<li>
			<span class="font-icon font-icon-edit"></span>
			<span class="glyphicon-class">
				font-icon font-icon-edit
			</span>
			<span class="glyphicon-content-code">e674</span>
		</li>
		<li>
			<span class="font-icon font-icon-copy"></span>
			<span class="glyphicon-class">
				font-icon font-icon-copy
			</span>
			<span class="glyphicon-content-code">e676</span>
		</li>
		<li>
			<span class="font-icon font-icon-attention"></span>
			<span class="glyphicon-class">
				font-icon font-icon-attention
			</span>
			<span class="glyphicon-content-code">e924</span>
		</li>
		<li>
			<span class="font-icon font-icon-help"></span>
			<span class="glyphicon-class">
				font-icon font-icon-help
			</span>
			<span class="glyphicon-content-code">e655</span>
		</li>
		<li>
			<span class="font-icon font-icon-money"></span>
			<span class="glyphicon-class">
				font-icon font-icon-money
			</span>
			<span class="glyphicon-content-code">e683</span>
		</li>
		<li>
			<span class="font-icon font-icon-check"></span>
			<span class="glyphicon-class">
				font-icon font-icon-check
			</span>
			<span class="glyphicon-content-code">e69b</span>
		</li>
		<li>
			<span class="font-icon font-icon-user"></span>
			<span class="glyphicon-class">
				font-icon font-icon-user
			</span>
			<span class="glyphicon-content-code">e6a9</span>
		</li>
		<li>
			<span class="font-icon font-icon-update"></span>
			<span class="glyphicon-class">
				font-icon font-icon-update
			</span>
			<span class="glyphicon-content-code">e69e</span>
		</li>
		<li>
			<span class="font-icon font-icon-back"></span>
			<span class="glyphicon-class">
				font-icon font-icon-back
			</span>
			<span class="glyphicon-content-code">e69d</span>
		</li>
		<li>
			<span class="font-icon font-icon-remind"></span>
			<span class="glyphicon-class">
				font-icon font-icon-remind
			</span>
			<span class="glyphicon-content-code">e6a3</span>
		</li>
		<li>
			<span class="font-icon font-icon-key"></span>
			<span class="glyphicon-class">
				font-icon font-icon-key
			</span>
			<span class="glyphicon-content-code">e68f</span>
		</li>																									<li>
			<span class="font-icon font-icon-navigation"></span>
			<span class="glyphicon-class">
				font-icon font-icon-navigation
			</span>
			<span class="glyphicon-content-code">e687</span>
		</li>
		<li>
			<span class="font-icon font-icon-picture"></span>
			<span class="glyphicon-class">
				font-icon font-icon-picture
			</span>
			<span class="glyphicon-content-code">e682</span>
		</li>
		<li>
			<span class="font-icon font-icon-mail"></span>
			<span class="glyphicon-class">
				font-icon font-icon-mail
			</span>
			<span class="glyphicon-content-code">e681</span>
		</li>
		<li>
			<span class="font-icon font-icon-qq"></span>
			<span class="glyphicon-class">
				font-icon font-icon-qq
			</span>
			<span class="glyphicon-content-code">e680</span>
		</li>
		<li>
			<span class="font-icon font-icon-search0"></span>
			<span class="glyphicon-class">
				font-icon font-icon-search0
			</span>
			<span class="glyphicon-content-code">e672</span>
		</li>
		<li>
			<span class="font-icon font-icon-search1"></span>
			<span class="glyphicon-class">
				font-icon font-icon-search1
			</span>
			<span class="glyphicon-content-code">e673</span>
		</li>
		<li>
			<span class="font-icon font-icon-calendar"></span>
			<span class="glyphicon-class">
				font-icon font-icon-calendar
			</span>
			<span class="glyphicon-content-code">e671</span>
		</li>																									<li>
			<span class="font-icon font-icon-home"></span>
			<span class="glyphicon-class">
				font-icon font-icon-home
			</span>
			<span class="glyphicon-content-code">e661</span>
		</li>
		<li>
			<span class="font-icon font-icon-disable"></span>
			<span class="glyphicon-class">
				font-icon font-icon-disable
			</span>
			<span class="glyphicon-content-code">e65f</span>
		</li>
		<li>
			<span class="font-icon font-icon-correct"></span>
			<span class="glyphicon-class">
				font-icon font-icon-correct
			</span>
			<span class="glyphicon-content-code">e65b</span>
		</li>
		<li>
			<span class="font-icon font-icon-error"></span>
			<span class="glyphicon-class">
				font-icon font-icon-error
			</span>
			<span class="glyphicon-content-code">e65c</span>
		</li>
		<li>
			<span class="font-icon font-icon-dl0"></span>
			<span class="glyphicon-class">
				font-icon font-icon-dl0
			</span>
			<span class="glyphicon-content-code">e66c</span>
		</li>
		<li>
			<span class="font-icon font-icon-dl1"></span>
			<span class="glyphicon-class">
				font-icon font-icon-dl1
			</span>
			<span class="glyphicon-content-code">e66d</span>
		</li>
		<li>
			<span class="font-icon font-icon-del0"></span>
			<span class="glyphicon-class">
				font-icon font-icon-del0
			</span>
			<span class="glyphicon-content-code">e66e</span>
		</li>
		<li>
			<span class="font-icon font-icon-del1"></span>
			<span class="glyphicon-class">
				font-icon font-icon-del1
			</span>
			<span class="glyphicon-content-code">e66f</span>
		</li>
		<li>
			<span class="font-icon font-icon-lock"></span>
			<span class="glyphicon-class">
				font-icon font-icon-lock
			</span>
			<span class="glyphicon-content-code">e6a0</span>
		</li>
		<li>
			<span class="font-icon font-icon-recycle"></span>
			<span class="glyphicon-class">
				font-icon font-icon-recycle
			</span>
			<span class="glyphicon-content-code">e69e</span>
		</li>																								
	</ul>
</div>
<script type="text/javascript">
	prettyPrint();//渲染 代码 
</script>        
</body>
</html>